<template>
	<el-dialog v-model="dialogVisible" draggable title="个人信息" width="600px">
		<div>自己写个人信息逻辑, 雨我无瓜, 自己玩去吧</div>
		<div>本组件路径为：/layouts/components/Hheader/components/InfoDialog.vue</div>
		<div>当然你也可以修改成你自己想要的路径</div>
		<template #footer>
			<span class="dialog-footer">
				<el-button @click="dialogVisible = false">取消</el-button>
				<el-button type="primary" @click="dialogVisible = false">确认</el-button>
			</span>
		</template>
	</el-dialog>
</template>

<script lang="ts" setup>
import {ref} from 'vue'

const dialogVisible = ref(false)

// openDialog
const openDialog = () => {
	dialogVisible.value = true
}

defineExpose({openDialog})
</script>
